<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">个人账单</li>
            </ul>
        </div>
    </div>
</div>



<div class="container-fluid">
    <div style="margin: 10px">
        <div class="row">
            <div class="col-sm-10 col-md-10">
                <form class="form-inline" action="" onsubmit="return false;">
                    <div class="form-group">
                        <label>报告时间：</label>
                        <input type="text" name="dt" ng-model="vm.p.dt" placeholder="报告时间"
                               class="form-control">
                    </div>

                    <div class="form-group">
                        <label>负责人：</label>
                        <input type="text" class="form-control" id="oa" placeholder="请填写负责人oa"
                               ng-model="vm.p.oa" />
                    </div>

                    <button id="refreshTable" type="button" class="btn btn-primary" ng-click="loadCostOverview()">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
                    </button>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <h3 class="sub-header" style="display:inline-block; font-weight: 700;font-size: 14px;padding: 20px 10px 5px 0;">
                    日期：<span id="dt"></span>，姓名：<span id="ownerId"></span>，存储健康分：<span id="storageScore"></span>，任务健康分：<span id="taskScore"></span>
                </h3>
                <table id="detail_table" class="table table-condensed"  data-toolbar="#toolbar"
                       data-search="false" data-show-toggle="true" data-show-columns="true"
                       data-show-pagination-switch="false" data-pagination="false" data-search-align="left"
                       data-buttons-align="left" data-toolbar-align="left" data-side-pagination="client">
                    <thead>
                    <tr>
                        <th data-field="componentsName" data-sortable="true">组件名称</th>
                        <th data-field="billingMode" data-sortable="true">计费方式</th>
                        <th data-field="billingDimension" data-sortable="true">计费维度</th>
                        <th data-field="usedAmount" data-sortable="true" data-formatter="internationalNumberFormatter">金额(元)</th>
                        <th data-field="usedTotal" data-sortable="true">用量</th>
                        <th data-field="unitPrice" data-sortable="true">单价(30天均摊)</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
